/* SCSS */
/* src/views/Risk/Risk.scss */

.risk-list-page {
    padding: 24px;
    .page-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 16px;
      h1 {
        margin: 0;
        font-size: 24px;
      }
    }
    .risk-card {
      .table-container {
        .high-risk-row {
          background-color: #fff1f0;
        }
        .medium-risk-row {
          background-color: #fffbe6;
        }
        .low-risk-row {
          background-color: #f6ffed;
        }
      }
    }
    .loading-container {
      text-align: center;
      padding: 50px 0;
    }
    .risk-modal {
      .detail-content {
        p {
          margin: 8px 0;
        }
        .factors {
          margin-top: 16px;
          ul {
            padding-left: 20px;
            li {
              margin: 4px 0;
            }
          }
        }
      }
    }
  }